<script>
export default {
  name: "ifShow",
  data() {
    return {
      flag1: false,
      flag2: true
    }
  }
}
</script>

<template>
  <div>
    <div v-if="flag1">111</div>
    <div v-show="flag1">222</div>

    <div v-if="flag2">444</div>
    <div v-show="flag2">555</div>

    <div v-if="flag1">333</div>
    <div v-else>444</div>

  </div>
</template>

<style scoped lang="less">

</style>